/* gridframework */
.row {
  position: relative;
  margin-left: -10px; }

.gu1 .row {
  width: 40px; }

.gu2 .row {
  width: 80px; }

.gu3 .row {
  width: 120px; }

.gu4 .row {
  width: 160px; }

.gu5 .row {
  width: 200px; }

.gu6 .row {
  width: 240px; }

.gu7 .row {
  width: 280px; }

.gu8 .row {
  width: 320px; }

.gu9 .row {
  width: 360px; }

.gu10 .row {
  width: 400px; }

.gu11 .row {
  width: 440px; }

.gu12 .row {
  width: 480px; }

.gu13 .row {
  width: 520px; }

.gu14 .row {
  width: 560px; }

.gu15 .row {
  width: 600px; }

.gu16 .row {
  width: 640px; }

.gu17 .row {
  width: 680px; }

.gu18 .row {
  width: 720px; }

.gu19 .row {
  width: 760px; }

.gu20 .row {
  width: 800px; }

.gu21 .row {
  width: 840px; }

.gu22 .row {
  width: 880px; }

.gu23 .row {
  width: 920px; }

.gu24 .row {
  width: 960px; }

.gu25 .row {
  width: 1000px; }

.gu26 .row {
  width: 1040px; }

.gu27 .row {
  width: 1080px; }

.gu28 .row {
  width: 1120px; }

.gu29 .row {
  width: 1160px; }

.gu30 .row {
  width: 1200px; }

.col {
  padding-left: 10px;
  float: left;
  position: relative; }

.gu1 {
  width: 30px; }

.gu2 {
  width: 70px; }

.gu3 {
  width: 110px; }

.gu4 {
  width: 150px; }

.gu5 {
  width: 190px; }

.gu6 {
  width: 230px; }

.gu7 {
  width: 270px; }

.gu8 {
  width: 310px; }

.gu9 {
  width: 350px; }

.gu10 {
  width: 390px; }

.gu11 {
  width: 430px; }

.gu12 {
  width: 470px; }

.gu13 {
  width: 510px; }

.gu14 {
  width: 550px; }

.gu15 {
  width: 590px; }

.gu16 {
  width: 630px; }

.gu17 {
  width: 670px; }

.gu18 {
  width: 710px; }

.gu19 {
  width: 750px; }

.gu20 {
  width: 790px; }

.gu21 {
  width: 830px; }

.gu22 {
  width: 870px; }

.gu23 {
  width: 910px; }

.gu24 {
  width: 950px; }

.gu25 {
  width: 990px; }

.gu26 {
  width: 1030px; }

.gu27 {
  width: 1070px; }

.gu28 {
  width: 1110px; }

.gu29 {
  width: 1150px; }

.gu30 {
  width: 1190px; }
